<template>
  <div id="main7"></div>
</template>

<script>
import * as echarts from 'echarts';

export default {
  data() {
    return {}
  },
  mounted() {
    const chartDom = document.getElementById('main7')
    const myChart = echarts.init(chartDom)
    let option

    option = {
      xAxis: {
        type: 'category',
        data: ['一月', '二月', '三月', '四月', '五月', '六月']
      },
      yAxis: {
        type: 'value'
      },
      series: [
        {
          data: [
            {
              value: 0.5,
              itemStyle: {
                color: '#91cc75'
              }
            },
            {
              value: 1,
              itemStyle: {
                color: '#91cc75'
              }
            },
            {
              value: 0.8,
              itemStyle: {
                color: '#91cc75'
              }
            },
            {
              value: 0.3,
              itemStyle: {
                color: '#91cc75'
              }
            },
            {
              value: 0.25,
              itemStyle: {
                color: '#91cc75'
              }
            },
            {
              value: 0.5,
              itemStyle: {
                color: '#91cc75'
              }
            }
          ],
          type: 'bar'
        }
      ]
    };

    option && myChart.setOption(option);
  }
}
</script>

<style scoped>
#main7 {
  width: 100%;
  height: 370px;
}
</style>
